"use server";
import { getTranslations } from "next-intl/server";
import { Suspense } from "react";
import Form from "../components/Form";
import GoogleCom from "../components/GoogleCom";
import Adbox from "./adbox";
import "./index.scss";
import LoginService from "./LoginService";

const Login = async () => {
    const t = await getTranslations("LoginPage");

    return (
        <>
            <GoogleCom />
            <Form type={"login"} />
            <div className={"text-center"}>
                <span className={"mr-[20px] text-[14px] text-[#fff]"}>{t("childTips")}</span>
                <span className={"iconfont icon-a-18 text-[red]"}></span>
            </div>

            <Adbox></Adbox>

            <Suspense fallback={<div></div>}>
                <LoginService />
            </Suspense>
        </>
    );
};

export default Login;